<script setup lang="ts">
import { useRouter } from 'vue-router'
import { useUserStore, useCounterStore } from '@/stores'

const store = useUserStore()
const counterStore = useCounterStore()
const router = useRouter()
const list = () => {
  router.push('/lise')
}
</script>

<template>
  <div>
    APPvue
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>

    <Welcome-item />

    <Hello-World></Hello-World>
    <button @click="$router.push('/home')">按钮</button>
    <button @click="list()">to_list</button>
    <router-view></router-view>

    {{ store.token }}

    {{ store.token }}
    <button @click="store.setToken('abc')">修改token</button>
    <button @click="store.removeToken">移除token</button>

    {{ counterStore.doubleCounter }}
  </div>
</template>

<style scoped></style>
@/stores/modules/user
